<template>
  <div>
    <h2>css动画</h2>
    <Test></Test>
    <hr>
    <h2>vue中的动画</h2>
    <Test2></Test2>
    <hr>
    <h2>多个元素</h2>
    <Test3></Test3>
    <hr>
    <h2>使用第三方库</h2>
    <Test4></Test4>
  </div>
</template>

<script>
  import a from "./components/test"
  import b from "./components/test2"
  import c from "./components/test3"
  import d from "./components/test4"
  export default {
    name:"App",
    components:{
      Test:a,
      Test2:b,
      Test3:c,
      Test4:d
    },
  }
</script>

<style>

</style>